.roll-box {
  width: 100%;
  height: 300px;
  border: 0x solid @primary-color;
  position: relative;
  overflow: hidden;
  .box-warp {
    position: relative ;
    animation: roll 5s infinite linear normal;
    &:hover {
      animation-play-state: paused;
      -webkit-animation-play-state: paused;
    }
    .item {
      height: 50px;
      line-height: 50px;
      &:nth-child(2n+1) {
        background: @primary-color;
      }
    }
  }
}

@keyframes roll {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -260px, 0);
    transform: translate3d(0, -260px, 0);
  }
}



